<template>
  <div>

<!-- 自定义指令：v-color -->
<!-- 1、定义指令 2、传参 3、使用指令 -->
<div v-color="color" >xxx</div>
<button @click="randomColor">点我换色</button>

  </div>
</template>

<script>
  export default {
data() {
      return {
        color:'red'
      }
  }
  ,
  methods: {
    randomColor() {
    this.color='#'+Math.random().toString(16).slice(2,8)
  }
  },
}
</script>
<style lang="scss" scoped>
</style>